html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	font-size: 16px;
	box-sizing: border-box;
	line-height: 1.5;
	font-family:
		system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
		Helvetica, Arial,
		sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol;
	font-family: "微软雅黑";
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/* background: linear-gradient(135deg, rgba(0, 160, 169, 0.5), rgba(33, 81, 152, 0.5)); */
}

img {
	border: 0 none;
}

a {
	text-decoration: none;
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}
p {
	margin: 0;
	padding: 0;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0
}

input {
	line-height: normal
}

input[type=checkbox],
input[type=radio] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

ul {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

*,
*::before,
*::after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: none;
}

.container {
	max-width: 1800px;
	padding: 0 20px;
	height: 100%;
	margin: 0 auto;
	min-height: 1px;
}

.container::after {
	content: "";
	clear: both;
	display: block;
}

/* loading */

.loading {
display: none;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 999999;
	background-color: rgba(163, 191, 237,0.96);
}

.loading .l_main {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	margin: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

@keyframes loader {
	0% {
		transform: scale(1, 1);
	}

	25% {
		transform: scale(1.1, 1.1);
	}

	50% {
		transform: scale(1.2, 1.2);
	}
	
	75% {
		transform: scale(1.3, 1.3);
	}

	100% {
		transform: scale(1.35, 1.35);
	}
}


.loading .l_main img {
	max-width: 70vw;
	animation-name: loader;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-delay: 0;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
	/* Safari and Chrome: */
	-webkit-animation-name: loader;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
}

a {
	color: inherit;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.page-content {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	margin: auto;
	overflow: hidden;
}

.page-content .page-wrapper .page-slide>div {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background-size: cover;
}

.page-content > .page-wrapper > .swiper-slide-active>div {
	width: 100%;
	height: 100%;
}

.page-one {
	width: 100%;
	height: 100%;
	position: absolute;
	/* background: rgba(45, 78, 155, 0.2); */
	background: url(../image/page-1-bg.png) no-repeat center bottom;
}

.page-two {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	/* background-color: rgba(21, 54, 46, 0.5); */
	background-image: url(../image/page2-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.page-three {
	width: 100%;
	height: 100%;
	position: absolute;
	/* background: rgba(25, 91, 45, 1); */
	background-image: url(../image/page3-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.page-four {
	width: 100%;
	height: 100%;
	position: absolute;
	/* background: rgba(255, 30, 150, 0.2); */
	background-image: url(/upfiles/202110/20211029110637835.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.page-five {
	width: 100%;
	height: 100%;
	position: absolute;
	/* background: rgba(14, 45, 65, 0.2); */
	background-image: url(../image/page5-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.page-six {
	width: 100%;
	height: 100%;
	position: absolute;
	/* background: rgba(14, 45, 65, 0.5); */
	background-image: url(../image/page6-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.page-seven {
	width: 100%;
	height: 100%;
	position: absolute;
	/* background: rgba(45, 78, 155, 0.2); */
}

.page-eight {
	width: 100%;
	height: 100%;
	position: absolute;
	/* background: rgba(14, 45, 65, 0.3); */
	background-image: url(../image/page8-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.page-pagintion {
	/* display: none; */
}
.page-pagintion.swiper-pagination-clickable.swiper-pagination-bullets {
	display: none;
	text-align: center;
	position: absolute;
	height: 150px;
	width: 100px;
	top: 50%;
	margin-top: -75px;
	right: 0;
	z-index: 11;
}

.page-pagintion .swiper-pagination-bullet {
	display: block;
	margin: 14px 0;
	width: 40px;
	height: 2px;
	position: relative;
	top: 0px;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: rgba(255, 255, 255, .7);
	opacity: 1;
	-webkit-transition: .8s;
	-moz-transition: .8s;
	transition: .8s;
	position: relative;
}

.page-pagintion .swiper-pagination-bullet::before {
	position: absolute;
	width: 70px;
	text-align: right;
	left: 40px;
	font-size: 15px;
	top: -13px;
	color: #fff;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	filter: "alpha(opacity=0)";
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-webkit-transition: .8s;
	-moz-transition: .8s;
	transition: .8s;
}

.page-pagintion span:nth-child(1):before {
	content: '首页';
}

.page-pagintion span:nth-child(2):before {
	content: '新闻中心';
}

.page-pagintion span:nth-child(3):before {
	content: '通知公告';
}

.page-pagintion span:nth-child(4):before {
	content: '明德尚礼';
}

.page-pagintion span:nth-child(5):before {
	content: '院系设置';
}

.page-pagintion span:nth-child(6):before {
	content: '行政部门';
}

.page-pagintion span:nth-child(7):before {
	content: '校园风采';
}

.page-pagintion span:nth-child(8):before {
	content: '组织机构';
}

.page-pagintion span.swiper-pagination-bullet-active {
	width: 100px;
	background: #e88f2f;
}

.page-pagintion span.swiper-pagination-bullet-active:before {
	-khtml-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	filter: "alpha(opacity=100)";
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	left: -90px;
}